<template>
	<view class="content">
		<view class="main">
			<view class="detail">
				<view class="detailLeft">
					<image :src="$isHttp(details.resumePic)" mode=""></image>
				</view>
				<view class="detailRight">
					<view class="name">
						<text>{{details.resumeName}}</text><text class="position">{{details.txtResumeMajor}}</text>
					</view>
					<view class="sex">
						<text>性别：</text><text class="sexName">{{details.resumeSex===1?'男':'女'}}</text>
					</view>
					<view class="work">
						<text>工作经验：</text><text class="time">{{details.resumeProject}}</text>
						<text>学历：</text><text class="education">{{details.txtResumeEducation}}</text>
					</view>
					<view class="school">
						<text>就读于/毕业于：</text><text class="schoolName">{{details.txtUniversity}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			details: {
				type: Object,
				default: () => {}
			}
		},
		components: {

		},
		data() {
			return {

			}
		},
		methods: {
			//跳转列表对应页面
			nextPage(url) {
				uni.navigateTo({
					url: url,
					fail() {
						uni.switchTab({
							url: url,
							fail() {
								uni.showToast({
									title: '暂未开通，敬请期待！',
									icon: 'none'
								});
							}
						});
					}
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		background: #F7F9FA;
		padding-bottom: 20rpx;

		.title {
			width: 100%;
			height: 88rpx;
			line-height: 88rpx;
			text-align: center;
			background: linear-gradient(90deg, #52B8B2 0%, #5EC8A3 100%);

			.u-icon {
				position: absolute;
				height: 88rpx;
				left: 20rpx;
			}

			text {
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #FFFFFF;
			}
		}

		.main {
			padding: 10rpx 35rpx;
			background: #FFFFFF;

			.detail {
				padding: 20rpx 0;
				display: flex;
				align-items: center;

				image {
					width: 170rpx;
					height: 210rpx;
					border-radius: 10rpx;
				}

				.detailRight {
					margin-left: 30rpx;
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #969799;

					.name {
						margin-bottom: 15rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #323233;

						.position {
							margin-left: 20rpx;
							padding: 0 8rpx;
							background: #F19868;
							border-radius: 11rpx;
							font-size: 24rpx;
							color: #FFFFFF;
						}
					}

					.sex {
						margin-bottom: 12rpx;

						.sexName {
							color: #323233;
						}
					}

					.work {
						margin-bottom: 12rpx;

						.time {
							margin-right: 50rpx;
							color: #323233;
						}

						.education {
							color: #323233;
						}
					}

					.school {
						.schoolName {
							color: #323233;
						}
					}
				}
			}
		}
	}
</style>
